<template>
  <view class="navTop">
    <van-nav-bar
      title="收益钱包"
      right-text="历史记录"
      left-arrow
	  fixed
      class="loginNav"
      @click-left="onClickLeft"
      @click-right="onClickRight"
    />
	
	<div class="pic">
		<span>可用积分</span>
		<p>5483.00</p>
	</div>

	<div class="list">
		<div>
			<navigator url="exchange" hover-class="none">
				<div class="left">
					<img src="@/static/icon/dh.png" alt="">
					<span>兑换DDM</span>
				</div>
				<van-icon name="arrow" />
			</navigator>
		</div>
		<div>
			<div class="left">
				<img src="@/static/icon/jf.png" alt="">
				<span>积分转账</span>
				<p>只能转账给下级</p>
			</div>
			<van-icon name="arrow" />
		</div>
	</div>

  </view>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {
    onClickLeft() {
      uni.navigateBack();
    },
    onClickRight() {
      uni.navigateTo({
        url: "../register/register"
      });
    }
  }
};
</script>

<style lang="less">
.pic{
	width: 100%;
	height: 335upx;
	background: url("~@/static/personalCenter/pic.png");
	background-size: 100% 100%;
	padding-top: 84upx;
	text-align:center;
	color: #3C1E0D;
	p{font-size: 72upx;margin-top: 40upx;
		
	}
	span{font-size: 28upx;}
}

.list{
	text-align: center;
	>div{
		width: 719upx;
		height:186upx;
		background: url('~@/static/personalCenter/listbg.png');
		background-size: 100% 100%;
		navigator{
			width: 719upx;
			height:186upx;
		}
		.left{
			float: left;
			padding-top: 61upx;
			line-height: 69upx;
			margin-left: 29upx;
			width: 50%;
			text-align: left;
			img{
				float: left;
				width: 69upx;
				height: 69upx;
				margin-right: 40upx;
				vertical-align: middle;
			}
			span{color: #373C40;font-size: 32upx;font-weight: bold;}
		}
		.van-icon{float: right;margin-right: 35upx;margin-top: 80upx;color: #C6C6C6;}
	}
	div:nth-child(2){
		.left{
			line-height: 69/2upx;
			p{color: #959595;display: inline-block}
		}
	}
}
</style>
